<template>
  <!-- 后台管理系统默认布局 -->
  <el-container class="layout-container">
    <Aside />
    <el-container class="content-wrapper">
      <Header />
      <Main />
    </el-container>
  </el-container>
  <!-- 当前tab是否全屏 -->
  <CloseFullScreen v-if="navTabs.state.tabFullScreen" />
</template>
<script setup lang="ts">
import { onMounted, onBeforeMount, onUnmounted } from "vue";
import Aside from "@/layouts/backend/components/aside.vue";
import Header from "@/layouts/backend/components/header.vue";
import Main from "@/layouts/backend/router-view/main.vue";
import CloseFullScreen from "@/layouts/backend/components/closeFullScreen.vue";
import { useNavTabs } from "@/store/navTabs";

const navTabs = useNavTabs();

onMounted(() => {});
</script>
<style lang="scss" scoped>
.layout-container {
  height: 100%;
  width: 100%;
}

.content-wrapper {
  flex-direction: column;
  width: 100%;
  height: 100%;
}
// .el-main {
//   padding: 0 !important;
// }
// @media screen and (max-width: 460px) {
.el-main {
  padding: 0 !important;
  padding-left: 20px !important;
}
// }
</style>
